<template>


    <!-- 店铺信息显示 -->
    <el-card>
        <p class="p">
            店铺信息
        </p>
        <hr>
        <el-form :model="form" label-width="100px" :inline="false" style="width:400px;">
            <el-form-item label="商户名称：">
                <el-input v-model="form.StoreName"></el-input>
            </el-form-item>
            <el-form-item label="所在地：">
                <el-input v-model="form.Address"></el-input>
            </el-form-item>
            <el-form-item label="酒店类型：">
                <el-input v-model="form.HotelType"></el-input>
            </el-form-item>
            <el-form-item label="商户LOGO：">
                <el-upload class="upload-demo" drag
                    action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15" style="width:200px">
                    <div>图片上传</div>
                </el-upload>
            </el-form-item>
            <el-form-item label="商户简介：">
                <el-input v-model="form.Introduction" style="width: 240px" :rows="5" type="textarea"
                    placeholder="Please input" />
            </el-form-item>
            <el-form-item label="自定义文案：" size="normal">
                <el-input v-model="form.Remark"> </el-input><el-link type="link" class="count-text-area">查看示例</el-link>
                <p style="color: rgb(151, 151, 161);">用户端所有相关文案会统一调整</p>
            </el-form-item>


        </el-form>

    </el-card>
    <!-- 运营人信息显示 -->
    <el-card>
        <p class="p">
            运营人信息
        </p>
        <hr>
        <el-form :model="operator" label-width="100px" :inline="false" style="width:400px;">
            <el-form-item label="商户名称：">
                <el-input v-model="operator.TenantName"></el-input>
            </el-form-item>
            <el-form-item label="姓名：">
                <el-input v-model="operator.RealName"></el-input>
            </el-form-item>
            <el-form-item label="手机号：">
                <el-input v-model="operator.Tel"></el-input>
            </el-form-item>
            <el-form-item label="QQ号：">
                <el-input v-model="operator.QQ"></el-input>
            </el-form-item>
            <el-form-item label="微信号：">
                <el-input v-model="operator.VX"></el-input>
            </el-form-item>
            <el-form-item label="邮箱：">
                <el-input v-model="operator.Emails"></el-input>
            </el-form-item>

        </el-form>

    </el-card>

</template>
<script lang="ts" setup>


import { ElForm } from "element-plus"
import { reactive, ref, onMounted } from "vue"
import axios from 'axios';
import { baseURL_dev } from '@/config/baseURL'

const baseURL = baseURL_dev
axios.defaults.baseURL = baseURL;

const form = reactive({
    StoreId: 0,
    StoreName: "微盟酒店",
    Address: "天津/天津市/河北区",
    HotelType: "公寓式酒店",
    HotelLogo: "",
    Introduction: "233",
    Remark: "真舒服啊",
});
const operator = reactive({
    TenantName: "cfy",
    RealName: "靓仔",
    Tel: "13142390366",
    QQ: "465016011",
    VX: "13142390366",
    Emails: "465016011@qq.com",

});
interface ListMenu {
    PId: number,
    PName: string,
    ParentId: string,
    Path: string,
    Icon: string,
    Children: ListMenu[]
}
const treeList = reactive<ListMenu[]>([]);



onMounted(() => {

})
</script>
<style>
hr {
    margin: 20px 0;
}

.el-card {
    margin-bottom: 20px;
}

.header,
.footer {
    /* line-height: 20px; */
    position: fixed;

}

.el-menu-item {
    text-align: left;
}
</style>